<button
    (click)="clickMe()"
    [style.height]="height"
    [style.width]="width"
    class="preview"
    title="点击选择图标"
    type="button"
>
    <span *ngIf="selectedValue?.name != null">
        <img *ngIf="selectedValue.picture.indexOf('base64') >= 0 " [ngStyle]="{'margin-top': '-5px',height: '22px'}"
             alt="img" src='{{selectedValue?.picture}}'>
        <div *ngIf="selectedValue.picture.indexOf('svg') >= 0 " [innerHTML]="getSvgHtml(selectedValue?.picture)"
             class="show-preview"></div>
    </span>
</button>

<base-popup
    (closeClick)="popupClose()"
    *ngIf="_showIconPanel"
    [title]="'图标选择'" [width]="'705px'">
    <!--自定义内容-->
    <div class="content">
        <nz-input-group nzSearch>
            <label>
                <input (ngModelChange)="reloadListData()" [(ngModel)]="searchForm.name" class="searchInput" nz-input placeholder="请输入图标名称"
                       type="text"/>
            </label>
        </nz-input-group>
        <ul [style.height]="'300px'" class="list-ul">
            <ng-template [ngForOf]="listData" let-item ngFor>
                <li (click)="checkItem($event,item)" [class.active]="item.checked" title="{{item.name}}">
                    <i [class.active]="item.checked" nz-icon></i>
                    <img *ngIf="item.picture.indexOf('base64') >= 0 " alt="img" class="show-point"
                         src="{{item.picture}}">
                    <div *ngIf="item.picture.indexOf('svg') >= 0 " [innerHTML]="getSvgHtml(item.picture)"
                         class="show-point-svg"></div>
                    <div class="i-text">{{item.name}}</div>
                </li>
            </ng-template>
        </ul>
    </div>
    <div class="rightBtn">
        <button (click)="submitDeal()" [nzType]="'primary'" nz-button type="button">确认</button>
        <button (click)="popupClose()" [nzType]="'default'" nz-button type="button">取消</button>
    </div>
</base-popup>
